'use client';

import { Button } from '@/components/ui/button';
import { FaGithub } from 'react-icons/fa';
import { FcGoogle } from 'react-icons/fc';

export const Social = () => {
    return (
        <div className="flex items-center w-full gap-x-2">
            <Button
                size="lg"
                variant="outline"
                className="w-full"
                onClick={() => console.log('Google')}
            >
                <FcGoogle className="h-5 w-5" />
            </Button>
            <Button
                size="lg"
                variant="outline"
                className="w-full"
                onClick={() => console.log('Github')}
            >
                <FaGithub className="h-5 w-5" />
            </Button>
        </div>
    );
};
